<template>
     <mt-swipe :auto="2000">
        <!-- 在组件中使用 v-for 循环的时候，一定要加上 key -->
        <!-- 在抽离成一个单独的组件之后，那个调用这个组件，那个就需要传递👇的lunbotuList变量信息 -->
        <!-- 此时lunbotuList 应该式父组件向子组件传值 -->
        <mt-swipe-item v-for="item in lunbotuList" :key="item.img">
            <img :src="item.img" alt="" :class="{full: isfull}">
        </mt-swipe-item>
    </mt-swipe>
</template>


<script>
export default {
    props:[
        'lunbotuList',
        'isfull'
    ]
}
</script>


<style lang="scss" scoped>
.mint-swipe {
    height: 200px;
    .mint-swipe-item {
        text-align: center;//图片居中，因为图片属于行内元素
        img {
        width: 100%;
        height: 100%;
        }
    }
}

.full{
    width: 100%;
}
</style>
